<template>
  <div>
    <el-divider class="hidden-sm-and-down"></el-divider>
    <div style="
        height: 280px;
        font-size: 14px;
        color: rgb(118, 118, 118);
        text-align: center;
      ">
      <el-row class="hidden-sm-and-down">
        <el-col :xs="12" :sm="4" :md="4" :lg="4" :xl="4">
          <ul>
            <p style="font-size: 16px; color: rgb(39, 39, 39)">新手指南</p>
            <li><el-link href="/index">首页推荐</el-link></li>
            <li><el-link href="/category">分类频道</el-link></li>
            <li><el-link href="/hot">热门文章</el-link></li>
            <li><el-link href="/UserCenter">个人中心</el-link></li>
          </ul>
        </el-col>
        <el-col :xs="12" :sm="4" :md="4" :lg="4" :xl="4">
          <ul>
            <p style="font-size: 16px; color: rgb(39, 39, 39)">
              关于我们</p>
            <li><el-link href="/about">关于UShare</el-link></li>
            <li><el-link href="/about">联系我们</el-link></li>
            <li><el-link href="/about">关于作者</el-link></li>
            <li><el-link href="http://localhost:8081/">后台管理</el-link></li>
          </ul>
        </el-col>
        <el-col :xs="12" :sm="4" :md="4" :lg="4" :xl="4">
          <ul>
            <p style="font-size: 16px; color: rgb(39, 39, 39)">友情链接</p>
            <li><el-link href="https://www.xiaohongshu.com/">小红书</el-link></li>
            <li><el-link href="">阿里云</el-link></li>
            <li><el-link href="https://weibo.com/">微博</el-link></li>
            <li><el-link href="https://cloud.tencent.com/">腾讯云</el-link></li>
          </ul>
        </el-col>
        <el-col :xs="12" :sm="4" :md="6" :lg="6" :xl="6">
          <ul>
            <p style="font-size: 16px;line-height: 15px; color: rgb(39, 39, 39)">联系我们</p>
            <p style="font-size: 26px;line-height: 80px;">400-000-0000</p>
            <el-button type="primary">联系客服</el-button>
          </ul>
        </el-col>
        <el-col :xs="0" :sm="8" :md="6" :lg="6" :xl="6">
<!--          <ul>-->
<!--            <img src="@/assets/images/qrcode1.png" width="150px" style="margin-right: 20px" />-->
<!--          </ul>-->
        </el-col>
      </el-row>
      <el-divider></el-divider>
      <p style="padding: 15px;">
        All Rights Reserved © Kunming University of Science and Technology
        滇ICP备05001246号-1
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  }
}
</script>

<style>
ul {
  list-style: none;
  line-height: 28px;
  padding: 0;
}
</style>
